<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../js/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="../../../js/easyui/themes/icon.css">
		<script type="text/javascript" src="../../../js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="../../../js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../../../js/easyui/locale/easyui-lang-zh_CN.js"></script>
	</head>

	<body>
		<a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a>
		<a id="dd" href="javascript:void(0)">Click here</a>
		<script>
			$('#dd').tooltip({
				position: 'right',
				content: '<span style="color:#fff">This is the tooltip message.</span>',
				onShow: function() {
					$(this).tooltip('tip').css({
						backgroundColor: '#666',
						borderColor: '#666'
					});
				}
			});
		</script>
	</body>

</html>